// 创建图片图层
var imageLayer = new AMap.ImageLayer({
	url: 'http://amappc.cn-hangzhou.oss-pub.aliyun-inc.com/lbs/static/img/dongwuyuan.jpg',
	bounds: new AMap.Bounds(
		[120.338275, 27.947992], [120.383336, 27.974905]
	),
	zIndex: 2000,
	zooms: [12, 18] // 设置可见级别，[最小级别，最大级别]
});
var centerPoint = [120.397193, 28.034697];
var map = new AMap.Map('container', {
	resizeEnable: true,
	zoom: 12, //级别
	center: centerPoint, //中心点坐标
	layers: [
		new AMap.TileLayer(),
		imageLayer
	]
});
var erweima_point = [
	[120.451915, 28.038029],
	[120.426509, 28.043483],
	[120.365054, 28.038787],
	[120.355441, 28.017876],
	[120.38119, 28.017724],
	[120.484015, 28.037423],
	[120.353038, 27.985895],
	[120.350291, 27.968158],
	[120.464446, 27.979832],
	[120.470797, 27.98923],
	[120.435092, 27.982864],
	[120.465991, 27.98059],
	[120.474574, 27.981348],
	[120.483157, 27.993778],
	[120.487277, 28.006964]
];
// 构造点标记
var point = [
	[120.397193, 28.034697],
	[120.419299, 27.987714],
	[120.367193, 28.004697],
	[120.437193, 27.984697]
];

var circle_list = [];
var marker_list = [];
var erweima_list = [];
for(var i = 0; i < point.length; i++) {

	//	var erweima = new AMap.Marker({
	//		position: point[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
	//		icon: '../images/erweima-icon.png', // 添加 Icon 图标 URL
	//	});

	var marker = new AMap.Marker({
		position: point[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
		content: '<div class="marker-text">泽雅1，可以加20积分</div>' //自定义点标记覆盖物内容
	});

	marker.on('click', function() {
		document.getElementById('tanchuang').style.display = 'block';
		document.getElementById('tanchuangimg').setAttribute("src", "../images/zeya02.jpg")
	});

	var circle = new AMap.Circle({
		center: point[i], // 圆心位置
		radius: 1000, //半径
		strokeColor: "#ee2200", //线颜色
		strokeOpacity: 0, //线透明度
		fillColor: "#ee2200", //填充颜色
		fillOpacity: 0.35, //填充透明度
		zIndex: 20,

	});

	marker_list.push(marker);
	circle_list.push(circle);
}
for(var i = 0; i < erweima_point.length; i++) {

	var erweima = new AMap.Marker({
		position: erweima_point[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
		icon: '../images/hongqi-icon.png', // 添加 Icon 图标 URL
	});

	erweima_list.push(erweima);
}

//添加多个矢量圆
map.add(circle_list);
map.add(marker_list);
map.add(erweima_list);
//点击地图 隐藏掉景区图片显示
map.on('click', function() {
	document.getElementById('tanchuang').style.display = 'none';
})


// 创建样式对象
var styleObject = new AMap.StyleObject({
    url: 'images/hongqi-icon.png',  // 图标地址
    size: new AMap.Size(11,11),      // 图标大小
    anchor: new AMap.Pixel(5,5) // 图标显示位置偏移量，基准点为图标左上角
});

var massMarks = new AMap.MassMarks({
    zIndex: 5,  // 海量点图层叠加的顺序
    zooms: [3, 19],  // 在指定地图缩放级别范围内展示海量点图层
    style: styleObject  // 设置样式对象
});

var data = [{
    lnglat: [120.457332, 28.041388], //点标记位置
    name: 'beijing',
    id:1
}, {
    lnglat: [120.496815, 28.022145], //点标记位置
    name: 'beijing',
    id:1
},{
    lnglat: [120.495613, 28.010779], //点标记位置
    name: 'beijing',
    id:1
}];

massMarks.setData(data);

// 将海量点添加至地图实例
massMarks.setMap(map);